<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <script>
        function reImg(){
            var img = document.getElementById("img");
            img.src = "/code/image?rnd=" + Math.random();
            }

    </script>
</head>
<body>
<h2>登录页面</h2>
<h3>表单登录</h3>
<form action="/authentication/form" method="post">
    <table>
        <tr>
            <td>用户名:</td>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td>图形验证码:</td>
            <td>
                <input type="text" name="imageCode">
                <img id="img" src="/code/image" onclick="reImg()">
                <!--<a href="#" onclick="reImg();">看不清，换一张</a>-->

            </td>
        </tr>
        <tr>
            <td colspan="2"><button type="submit">登录</button> </td>
        </tr>

    </table>

</form>


</body>
</html>